<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
	 <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
	 <meta name=”msapplication-tap-highlight” content=”no”>
	
    <title>图片分享</title>

  </head>
  <style>
   html,body,div{margin:0px;padding:0px;}
   html,body{width:100%;height:100%;}
      .detailInfo{
	  
	  }
  </style>
<script>
! function(e, t) {
        var n = t.documentElement,
            d = e.devicePixelRatio || 1;

        function i() {
            var cw = n.clientWidth > 750 ? 750 : n.clientWidth < 320 ? 320 : n.clientWidth;
            var e = cw / 7.5;
            n.style.fontSize = e + 'px';
        }
        if (function e() { t.body ? t.body.style.fontSize = '16px' : t.addEventListener('DOMContentLoaded', e) }(), i(), e.addEventListener('resize', i), e.addEventListener('pageshow', function(e) { e.persisted && i() }), d >= 2) {
            var o = t.createElement('body'),
                a = t.createElement('div');
            a.style.border = '.5px solid transparent', o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add('hairlines'), n.removeChild(o);
        }
    }(window, document);
</script>
<body class="bgf6f6f6">
     <!--头部
	 <div class="mvheader">
		 <a class="back"></a>
		 <div class="pageTitle ">
			影片详情
		 </div>
	 </div>
	 <div class="h80"></div>
	 -->
	 <div class="sharePic">
	     <div class="main">
		    <p class="pname line-ellipsis"><?= $name ?></p>
            <div class="infobox">
			   <p class="price">
			     ￥<span class="curPrice"><?= $price_dis ?></span>元 <span class="icon">价格</span>
			   </p>
			   <p class="pgray">
			      <span class="beforePrice">￥<?= $price ?></span>
				  <span class="sale">销量<?= $sale ?></span>
			   </p>
			   <div class="shareinfo " style='display:none'>邀请ID:</div>
			</div>	
            <div class="pic">
			   <div class="dp box-flex middle">
			      <img src="<?= $cover ?>"/>
			   </div>
			  
			</div>	
            <div class="fotbox box-flex">
			   <div class="sharebtn">分享赚￥<span><?= $return_money ?></span></div>
			   <div class="qgj">抢购价￥<span><?= $price_dis ?></span></div>
			</div>			
		</div>
		
		 
	 </div>
	
	<style>
	*{margin:0px;padding:0px;}
body,html{margin:0px;padding:0px; font-family:font-family:"Microsoft YaHei"; height:100%; }
	a{ text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li{ list-style:none;}
i,em{ font-style:normal}
.line-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
white-space: nowrap;
}
body{background:#fff;}
input{border:0 none; outline:none;}
body{width:7.5rem;margin:0 auto;}
.box-flex {
    display: -webkit-box;
    display: flex;
}
.box-flex.middle
{
    -webkit-box-align: center;
    align-items: center;
}
img{max-width:100%; vertical-align:middle;}
.h80{width:100%;height:.8rem;}
.h96{width:100%;height:.96rem;}
.h170{width:100%;height:1.7rem;}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both;}
.clearfix{zoom:1;}




.sharePic{ margin:0 auto;}
.main{padding-top:.1rem; padding-bottom:.1rem}
.pname{color:#303030; font-size:.3rem;
background:url('http://pic.mengchongapp.com/Fv9cQyIkpYz3HIqEbfO8CPZejVJ0.png')left center no-repeat; padding-left:.55rem;
background-size:.45rem .52rem;-webkit-background-size:.45rem .52rem; padding-right:.3rem;
margin-left:.3rem}

.infobox{position:relative; padding:0 .3rem;}
.price{font-size:.24rem;color:#c8161d;}
.price .curPrice{font-size:.36rem;}
.price .icon{padding-left:.08rem;}

.pgray{font-size:.24rem;color:#686868;}
.beforePrice{text-decoration:line-through; margin-right:.1rem}

.shareinfo{position:absolute; right:0px; height:.73rem;line-height:.72rem;top:50%;margin-top:-.3rem;
font-size:.38rem;color:#fff;  border-radius:.08rem;-webkit-border-radius:.08rem;
background:url('http://pic.mengchongapp.com/FnJ9kjAGthWNDDLsIHYfQWYT95PL.png') left center no-repeat;color:#ffd787;text-align:center;
overflow:hidden;width:3.5rem;background-size:cover;-webkit-background-size:cover; text-align:center;


}

.pic{width:7.5rem;height:4rem;  position:relative; padding:.1rem 0 0 0;}
.pic .dp{
	width:100%;height:100%;overflow:hidden;
}

.pic img{width:100%;}
.fotbox {position:relative; height:1rem; position:relative;}
.sharebtn {background:#C8161D;width:52%; color:#ffe1a6;font-size:.3rem;text-align:center; line-height:1rem;
text-align:center;line-height:1rem;}
.sharebtn span{font-size:.5rem;}
.qgj{width:51%; white-space:nowrap; position:absolute;right:0px;
height:1.05rem; top:-.05rem; text-align:center; line-height:1rem;
     background:url('http://pic.mengchongapp.com/FmwEXdeLMVPAbMO9atZAjjeseBGr.png')center no-repeat; font-weight:bold;
background-size:100% 100%;-webkit-background-size:100% 100%; color:#c8161d;font-size:.3rem;}
.qgj span{color:#c8161d;font-size:.5rem;font-weight:bold;}
	</style>
	 
</body>  


</html>